<template>
    <div>
        <div class="content-box">
            <h4>一级路由页面</h4>
            <router-link to="/goodsList">商品列表</router-link><br>
            <h4>二级路由页面</h4>
            <div style="border:1px solid red;">
                <p>路由两种传参模式</p>
                <router-link to="/content/goodsList/img">传参：商品列表-goodsList1</router-link><br>
                <router-link to="/content/goodsList/name">传参：商品列表-goodsList2</router-link><br>
                <router-link :to="{name:'img-name',params:{userId:123456}}">传参：商品列表-goodsList1</router-link><br>
                <router-link :to="{name:'name-name',params:{userName:'liangzhenmeng'}}">传参：商品列表-goodsList2</router-link>
            </div>
        </div>
        <router-view class="secondClass"></router-view>
    </div>
</template>
<script>
export default {
    name:'test',
    data(){
        return {

        }
    }
}
</script>
<style>
.secondClass{
    border:1px solid yellow;
}
</style>


